<script setup lang="ts">
import type { HTMLAttributes } from 'vue'
import { Icon } from '@iconify/vue'

defineOptions({
  name: 'OneIcon',
})

const props = defineProps<{
  name: string
  class?: HTMLAttributes['class']
}>()
</script>

<template>
  <i :class="props.class" class="icon">
    <Icon :icon="name" />
  </i>
</template>
<style lang="scss" scoped>
.icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>